<div class="panel panel-default">
    <div class="panel-heading">Open Weather Map settings</div>
    <div class="panel-body">

        <div class="alert alert-info" role="alert">In order to use the Open Weather Map powered weather station you must create a free account at <a href="https://home.openweathermap.org/users/sign_up">Open Weather Map</a>            and fill the required fields.</div>
        <div class="alert alert-warning" role="alert">If there is already an HA4IoT installation in your LAN it is highly recommended to use the slave controller service
            to receive the actual values from the master controller. This will reduce the effective API calls to the Open
            Weather Map API which are limited for free accounts.</div>

        <form class="form-horizontal">

            <div class="form-group">
                <label class="col-md-2 control-label">Enabled</label>
                <div class="col-md-10">
                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="owmsCtrl.Model.IsEnabled"><label></label>
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label">Latitude</label>
                <div class="col-md-10">
                    <input type="number" class="form-control" ng-model="owmsCtrl.Model.Latitude">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label">Longitude</label>
                <div class="col-md-10">
                    <input type="number" class="form-control" ng-model="owmsCtrl.Model.Longitude">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label">App ID</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" ng-model="owmsCtrl.Model.AppId">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label">Values</label>

                <div class="col-md-10">
                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="owmsCtrl.Model.UseTemperature">Use temperature
                    </label>

                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="owmsCtrl.Model.UseHumidity">Use humidity
                    </label>

                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="owmsCtrl.Model.UseSunriseSunset">Use sunrise / sunset
                    </label>

                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="owmsCtrl.Model.UseWeather">Use weather
                    </label>
                </div>
            </div>
        </form>
    </div>
    <div class="panel-footer clearfix">
        <button class="btn btn-default pull-right" ng-click="owmsCtrl.save()">Save</button>
    </div>
</div>